<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>Mapbox Web Application</title>
    <script src='https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.js'></script>
    <link href='https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.css' rel="stylesheet" />
</head>

<body>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        #map {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
        }
    </style>
    <a href="GeoCoder.html">Mapbox GeoCoder</a>
    <!--<div id='map'></div>
        <script>
            mapboxgl.accessToken = 'pk.eyJ1IjoibGF0cmlzdGFuIiwiYSI6ImNrbHMyOGgxbDA5cmUybmxkYjlyang1d2cifQ.DLa3F6iftCdl5-PdMZUDOA';
            var map = new mapboxgl.Map({
            container: 'map',
            style: 'mapbox://styles/mapbox/streets-v11'
            });
        </script>-->

</body>

</html>